<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Navigate</title>
<style type="text/css">
ul, li {
	margin:0px;
	padding:0px;
}
ul li {
	list-style:none;
}
a{ text-decoration:none; font-size:14px;}
.navRoot {
	width:237px;
	min-height:24px;
	height:auto !important;
	height:24px;
	margin:0px auto;
}
.navRoot li {
	float:left;
	line-height:35px;
	width:79px;
	min-height:35px;
	height:auto !important;
	height:35px;
	text-align:center;
}
.navRoot a:link,.navRoot a:visited{ background:url(images/btUp.jpg) no-repeat; display:block; color:#ffffff;}
.navRoot a:hover,.navRoot a:active{ background:url(images/btDown.jpg) no-repeat; display:block; color:#ffffff; font-size:18px; font-weight:bold;}

.navList a:link,.navList a:visited{ background:#005b96; color:#ffffff; border:#162a50 solid 1px; border-top:0px;} 
.navList a:hover,.navList a:active{ background:#c1e0f6; color:#000000; border:#162a50 solid 1px; border-top:0px; font-size:18px; font-weight:bold;}

.navRoot li ul{ display:none;}
</style>
<script language="javascript">
var nav = new Array(['WOW','FL','ICC','ULD'],['SC2','P','T','Z'],['War3','a','fda','afd']);
var count=nav.length;
function tree(i){
	var st=document.getElementById(i);
	st.style.display="block";
}
function hidd(i){
	var st=document.getElementById(i);
	st.style.display="none";
}
function list(){
	var test = document.getElementById("a1");
	var i,j;
	var str="";
	for( i=0;i<nav.length;i++){
		str+="<li onmouseover=tree("+i+") onmouseout=hidd("+i+")><a href=\"#\">"+nav[i][0]+"</a><ul class=\"navList\" id=\""+i+"\">";
		for( j=1;j<nav[i].length;j++){
			str+="<li><a href=\"#\">"+nav[i][j]+"</a></li>";
		}
		str+="</ul></li>";
	}
	test.innerHTML= str;
}
</script>
</head>

<body onload="list()">
<ul id="a1" class="navRoot">

</ul>
</body>
</html>
